<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>教师管理平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/metisMenu.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/simplelightbox.min.css">
    <link rel="stylesheet" href="css/pagination.css">
    <!--[if lt IE9] >
   <script type="text/javascript" src="js/html5.js"></script>
   <script type="text/javascript" src="js/placeholder-1.0.min.js"></script>
   <![endif]-->
    <style>
        #file {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer;
        }
        .shangchuan{
            position: absolute;
            width: 20%;
            bottom: 50&;
            top: 50%;
            left: 50%;
            margin-top: -10px;
            margin-left: -10px;
            overflow: hidden;
        }
        .shangchuan img{
            width: 100%;
            bottom: 0;
            right: 0;
        }
        #yulan .col-md-2{
            height: 100px;
        }
    </style>
</head>
<body>
<div class="common-left">
    <div class="common-left-title c-p-b-b">
        <small>PAGES</small>
        <h4>班级相册</h4>
    </div>
    <div class="common-nav" >
        <nav class="sidebar-nav">
            <ul id="menu">
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">学校信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./grade.html">
                                年级信息
                            </a>
                        </li>
                        <li>
                            <a href="./b-xinxi.html">
                                班级信息
                            </a>
                        </li>
                    </ul>
                </li>
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">学生信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./student-xinxi.html">
                                学生信息
                            </a>
                        </li>

                    </ul>
                </li>
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">体育成绩</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./tiyuxiangmu.html">
                                体育项目
                            </a>
                        </li>
                        <li>
                            <a href="./tiyuchengji.html">
                                体育成绩
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="active">
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">班级动态</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a  class="on" href="./b-xiangce.html">
                                班级相册
                            </a>
                        </li>
                        <li>
                            <a href="./yanbodating.html">
                                演播大厅
                            </a>
                        </li>
                    </ul>
                </li>
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">教师信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./teacher.html">
                                教师信息
                            </a>
                        </li>
                        <li>
                            <a href="./pai-moban.html">
                                排课模板
                            </a>
                        </li>
                        <li>
                            <a href="./pai-xinxi.html">
                                排课信息
                            </a>
                        </li>
                        <!--<li>-->
                            <!--<a href="./myclass.html">-->
                                <!--我的课程-->
                            <!--</a>-->
                        <!--</li>-->
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">系统设置</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li>
                            <a href="./password.html">
                                修改密码
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
        </nav>

    </div>
</div>
<div class="common-top">
    <div class="row">
        <div class="col-md-3 c-p-t">
            <img src="./images/logo.png" alt="">
        </div>
        <div class="common-top-title col-md-3 c-p-f-white">
            <a href="javascript:;">
                班级动态</a> >> <a href="javascript:;">班级相册</a>
        </div>
        <div class="col-md-6 text-right c-p-t">
            <a href="./login.html" class="btn btn-default">退出</a>
        </div>
    </div>
</div>
<div class="common-main">
    <div class="wrapper">
        <div class="container-fluid ban-picture">
            <div class="row c-p-b-b">
                <div class="col-md-3">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-md-4 control-label" >年级：</label>
                            <div class="col-md-8" >
                                <select class="form-control" id="gradeList" onchange="gradeChang()">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-md-4 control-label" >班级：</label>
                            <div class="col-md-8">
                                <select class="form-control" id="classList">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 text-right">
                    <a class="btn btn-primary" id="btnQuery" href="javascript:;">查询</a>
                    <a onclick="add()" class="btn btn-success c-p-m-f" href="javascript:;">上传照片</a>
                </div>
            </div>
            <div class="row c-p-b-b">

                <div class="col-md-12 text-right c-p-p-all">
                    <a onclick="manger()" class="btn btn-primary" href="javascript:;">批量管理</a>

                </div>
            </div>
            <div id="dowebok" class="dowebok c-p-t-l" >

            </div>
            <div class="M-box m-style m-picture"></div>
        </div>
    </div>
</div>

<div id="grade-info" class="c-p-none " >
    <div class="container-fluid ">
        <div class="row c-p-t-l">
            <div class="col-md-2 c-p-t text-right">
                年级：
            </div>
            <div class="col-md-10">
                <select class="form-control" id="gradeSelect" onchange="gradeChang1()">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        <div class="row c-p-t-l">
            <div class="col-md-2 c-p-t text-right">
                班级：
            </div>
            <div class="col-md-10">
                <select class="form-control" id="classSelect">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        <div id="yulan" class="row c-p-p-all ">

            <!--<div class="col-md-2 c-p-thumbnail pull-left c-p-w-h">-->
                    <!--<img src="./images/11.jpg" alt="">-->
           <!--</div>-->


            <div class="col-md-2 c-p-open-file c-p-w-h pull-left">
                <div class="shangchuan">
                    <input id="file" type="file" name="file" onchange="upImg(this)">
                    <img src="./images/add.jpg" alt="">
                </div>
            </div>


    </div>
</div>
</div>
<div id="manger"  class="c-p-none " >
    <div class="c-p-p-all">
        <div class="dowebok c-m-manger" id="dowebok1">

        </div>
        <!--<div class="M-box m-style"></div>-->
    </div>
</div>
<div id="selPicture" class="c-p-none">
    <div class="container-fluid">
        <div class="row c-p-p-all">
            <div class="col-md-3">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1"> 五年级一班
                </label>
            </div>
            <div class="col-md-3">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1"> 五年级一班
                </label>
            </div>
            <div class="col-md-3">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1"> 五年级一班
                </label>
            </div>
            <div class="col-md-3">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1"> 五年级一班
                </label>
            </div>
            <div class="col-md-3">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1"> 五年级一班
                </label>
            </div>
            <div class="col-md-3">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1"> 五年级一班
                </label>
            </div>
            <div class="col-md-3">
                <label class="checkbox-inline">
                    <input type="checkbox"  value="option1"> 五年级一班
                </label>
            </div>
        </div>
    </div>

</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/metisMenu.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"> </script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/simple-lightbox.min.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>
<script type="text/javascript" src="js/manager/config.js"></script>
<script type="text/javascript" src="js/manager/b-xiangce.js"></script>

</body>
</html>